<?php include "inc/inc_header.php" ?><!-- header -->
<?php $idx=isset($_GET["idx"]) ? $_GET["idx"] : "";?>
<?php $txt="";?>
<?php $name=isset($_GET["name"]) ? explode("-",$_GET["name"]) : array("");?>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script type="text/javascript">
	<?php if($idx):?>
	$(document).ready(function(){
		intial(<?php echo $idx;?>);
	});
	<?php endif;?>
	<?php if($name[0]):?>
	$(document).ready(function(){
		step3(<?php echo $name[0];?>,<?php echo $name[1];?>);
	});
	<?php endif;?>
	function intial(idx){

		$.ajax({
			type:"POST",
			data:{init:idx},
			url:"surn01_step2.php",
			success:function(msg){
				//alert(msg);
				$("#step2").html(msg);
				},
			error:function(){
				alert("서버 오류");
				}
			});
	}
	function step3(lft,rgt,no,total){

		var category = {
							left:lft,
							right:rgt
						}
		for(i=0;i<total;i++){
			if(i==no){
				document.getElementById('bg'+i).background="img/surn/cont_img04on.jpg";
				$("#a_"+i).addClass("su2");
				$("#a_"+i).removeClass("su1");
			}
			else{
				document.getElementById('bg'+i).background="img/surn/cont_img04.jpg";
				$("#a_"+i).addClass("su1");
				$("#a_"+i).removeClass("su2");
			}
		}

		$.ajax({
			type:"POST",
			data:category,
			url:"surn01_step3.php",
			success:function(msg){
				//alert(msg);
				$("#step3").html(msg);
				},
			error:function(){
				alert("서버 오류");
				}
			});
	}
</script>
<?php $title = "성씨별 총람"; $sub_title="성씨별 총람";?>
<body style="background-repeat: repeat-x; overflow-x:hidden;">
	<?php include "inc/inc_top.php" ?><!-- top -->
	<!-- <table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td style="BACKGROUND-IMAGE: url(img/surn/cont_bg04.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:right top;">&nbsp;</td>
		<td width="994" align="right" style="BACKGROUND-IMAGE: url(img/surn/cont_bg06.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:center top;padding-bottom:16px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td style="padding-bottom:10px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="482" valign="top"><table width="472" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td><table width="472" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
						  <td valign="bottom" background="img/surn/cont_bg10.jpg" style="padding-left:8px;"><img src="img/surn/cont_img01.jpg" width="192" height="22"></td>
						  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
						</tr>
					</table></td>
				  </tr>
				  <tr>
					<td height="100" align="center" bgcolor="#212725" style="padding-top:10px;"><table width="432" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td style="padding-bottom:10px;"><table width="432" border="0" cellspacing="0" cellpadding="0">
						  <tr>
							<td width="65"><img src="img/surn/img01.jpg" name="Image17" class="cursor" onclick="intial(1);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','img/surn/img01on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img02.jpg" name="Image18" class="cursor" onclick="intial(2);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','img/surn/img02on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img03.jpg" name="Image19" class="cursor" onclick="intial(3);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','img/surn/img03on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img04.jpg" name="Image20" class="cursor" onclick="intial(4);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','img/surn/img04on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img05.jpg" name="Image21" class="cursor" onclick="intial(5);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','img/surn/img05on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img06.jpg" name="Image22" class="cursor" onclick="intial(6);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','img/surn/img06on.jpg',1)"></td>
							<td><img src="img/surn/img07.jpg" name="Image23" class="cursor" onclick="intial(7);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','img/surn/img07on.jpg',1)"></td>
						  </tr>
						</table></td>
					  </tr>
					  <tr>
						<td><table width="432" border="0" cellspacing="0" cellpadding="0">
						  <tr>
							<td width="65"><img src="img/surn/img08.jpg" name="Image24" class="cursor" onclick="intial(8);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','img/surn/img08on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img09.jpg" name="Image25" class="cursor" onclick="intial(9);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','img/surn/img09on.jpg',0)"></td>
							<td width="65"><img src="img/surn/img10.jpg" name="Image26" class="cursor" onclick="intial(10);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','img/surn/img10on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img11.jpg" name="Image27" class="cursor" onclick="intial(11);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','img/surn/img11on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img12.jpg" name="Image28" class="cursor" onclick="intial(12);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','img/surn/img12on.jpg',1)"></td>
							<td width="65"><img src="img/surn/img13.jpg" name="Image29" class="cursor" onclick="intial(13);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','img/surn/img13on.jpg',1)"></td>
							<td><img src="img/surn/img14.jpg" name="Image30" class="cursor" onclick="intial(14);" width="42" height="39" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','img/surn/img14on.jpg',1)"></td>
						  </tr>
						</table></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td><table width="472" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
						  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
						  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
						</tr>
					</table></td>
				  </tr>
				</table></td>
				<td valign="top"><table width="472" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td><table width="472" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
						  <td valign="bottom" background="img/surn/cont_bg10.jpg" style="padding-left:8px;"><img src="img/surn/cont_img02.jpg" width="182" height="22"></td>
						  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
						</tr>
					</table></td>
				  </tr>
				  <tr>
					<td height="100" bgcolor="#212725" style="padding:10px 20px 0 20px;"><div id="step2"></div></td>
				  </tr>
				  <tr>
					<td><table width="472" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
						  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
						  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
						</tr>
					</table></td>
				  </tr>
				</table></td>
			  </tr>
			</table></td>
		  </tr>
		  <tr>
			<td><div id="step3">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td style="padding-bottom:10px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td><table width="954" border="0" cellspacing="0" cellpadding="0">
							<tr>
							  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
							  <td align="center" background="img/surn/cont_bg10.jpg" class="text04"><strong>총설</strong></td>
							  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
							</tr>
						</table></td>
					  </tr>
					  <tr>
						<td valign="top" bgcolor="#212725" class="text05" style="padding:14px 10px 4px 10px;">&nbsp;</td>
					  </tr>
					  <tr>
						<td><table width="954" border="0" cellspacing="0" cellpadding="0">
							<tr>
							  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
							  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
							  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
							</tr>
						</table></td>
					  </tr>
					</table></td>
				  </tr>
				  <tr>
					<td><table width="954" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td><table width="954" border="0" cellspacing="0" cellpadding="0">
							<tr>
							  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
							  <td valign="bottom" background="img/surn/cont_bg10.jpg" class="text04" style="padding-left:8px;"><img src="img/surn/cont_img03.jpg" width="192" height="22"></td>
							  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
							</tr>
						</table></td>
					  </tr>
					  <tr>
						<td valign="top" bgcolor="#212725" class="text05" style="padding:14px 10px 4px 10px;">&nbsp;</td>
					  </tr>
					  <tr>
						<td><table width="954" border="0" cellspacing="0" cellpadding="0">
							<tr>
							  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
							  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
							  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
							</tr>
						</table></td>
					  </tr>
					</table></td>
				  </tr>
				</table>
			</div></td>
		  </tr>
		</table></td>
		<td valign="bottom" style="BACKGROUND-IMAGE: url(img/surn/cont_bg05.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:left top;">&nbsp;</td>
	  </tr>
	</table> -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="BACKGROUND-IMAGE: url(img/surn/cont_bg04.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:right top;">&nbsp;</td>
    <td width="994" align="right" style="BACKGROUND-IMAGE: url(img/surn/cont_bg06.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:center top;padding-bottom:16px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding-bottom:10px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="954" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
                  <td valign="bottom" background="img/surn/cont_bg10.jpg" style="padding-left:8px;"><img src="img/surn/cont_img01.jpg" width="192" height="22"></td>
                  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" background="img/surn/cont_bg15.jpg" style="padding-top:10px;"><table width="0" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td style="padding-bottom:10px;"><table width="0" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="126"><img src="img/surn/img01.jpg" name="Image17" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','img/surn/img01on.jpg',1)"  class="cursor" onclick="intial(1);"></td>
                        <td width="126"><img src="img/surn/img02.jpg" name="Image18" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','img/surn/img02on.jpg',1)" class="cursor" onclick="intial(2);"></td>
                        <td width="126"><img src="img/surn/img03.jpg" name="Image19" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','img/surn/img03on.jpg',1)" class="cursor" onclick="intial(3);"></td>
                        <td width="126"><img src="img/surn/img04.jpg" name="Image20" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','img/surn/img04on.jpg',1)" class="cursor" onclick="intial(4);"></td>
                        <td width="126"><img src="img/surn/img05.jpg" name="Image21" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','img/surn/img05on.jpg',1)" class="cursor" onclick="intial(5);"></td>
                        <td width="126"><img src="img/surn/img06.jpg" name="Image22" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','img/surn/img06on.jpg',1)" class="cursor" onclick="intial(6);"></td>
                        <td><img src="img/surn/img07.jpg" name="Image23" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','img/surn/img07on.jpg',1)" class="cursor" onclick="intial(7);"></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td><table width="0" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="126"><img src="img/surn/img08.jpg" name="Image24" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','img/surn/img08on.jpg',1)" class="cursor" onclick="intial(8);"></td>
                        <td width="126"><img src="img/surn/img09.jpg" name="Image25" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','img/surn/img09on.jpg',0)" class="cursor" onclick="intial(9);"></td>
                        <td width="126"><img src="img/surn/img10.jpg" name="Image26" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','img/surn/img10on.jpg',1)" class="cursor" onclick="intial(10);"></td>
                        <td width="126"><img src="img/surn/img11.jpg" name="Image27" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','img/surn/img11on.jpg',1)" class="cursor" onclick="intial(11);"></td>
                        <td width="126"><img src="img/surn/img12.jpg" name="Image28" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','img/surn/img12on.jpg',1)" class="cursor" onclick="intial(12);"></td>
                        <td width="126"><img src="img/surn/img13.jpg" name="Image29" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','img/surn/img13on.jpg',1)" class="cursor" onclick="intial(13);"></td>
                        <td><img src="img/surn/img14.jpg" name="Image30" width="58" height="56" border="0" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','img/surn/img14on.jpg',1)" class="cursor" onclick="intial(14);"></td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td><table width="954" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
                  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
                  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
	  <tr>
        <td style="padding-bottom:10px;"><table width="954" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="954" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
                  <td valign="bottom" background="img/surn/cont_bg10.jpg" style="padding-left:8px;"><img src="img/surn/cont_img02.jpg" width="192" height="22"></td>
                  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td background="img/surn/cont_bg15.jpg" height="32"  style="padding:10px 20px 0 20px;"><div id="step2"></div></td>
          </tr>
          <tr>
            <td><table width="954" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
                  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
                  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
	  <tr>
		<td><div id="step3">
			<table width="954" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td><table width="954" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td><table width="954" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg08.jpg" width="10" height="36"></td>
						  <td valign="bottom" background="img/surn/cont_bg10.jpg" class="text04" style="padding-left:8px;"><img src="img/surn/cont_img03.jpg" width="192" height="22"></td>
						  <td width="10"><img src="img/surn/cont_bg09.jpg" width="10" height="36"></td>
						</tr>
					</table></td>
				  </tr>
				  <tr>
					<td valign="top" background="img/surn/cont_bg15.jpg" class="text05" style="padding:10px 14px 0 14px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="104" height="32" valign="top">&nbsp</td>
					  </tr>
					</table>
					</td>
				  </tr>
				  <tr>
					<td><table width="954" border="0" cellspacing="0" cellpadding="0">
						<tr>
						  <td width="10"><img src="img/surn/cont_bg11.jpg" width="10" height="10"></td>
						  <td height="10" background="img/surn/cont_bg13.jpg"><img src="img/surn/cont_bg13.jpg" width="10" height="10"></td>
						  <td width="10"><img src="img/surn/cont_bg12.jpg" width="10" height="10"></td>
						</tr>
					</table></td>
				  </tr>
				</table></td>
			  </tr>
			</table>
		</div></td>
	  </tr>
    </table></td>
    <td valign="bottom" style="BACKGROUND-IMAGE: url(img/surn/cont_bg05.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-position:left top;">&nbsp;</td>
  </tr>
</table>

	<?php include "inc/inc_bottom.php" ?><!-- bottom -->
<?php include "inc/inc_footer.php" ?><!-- footer -->
